<!DOCTYPE html> 
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> 
	<title>Nodo WebApp</title> 
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
	<link rel="stylesheet" type="text/css" href="css/custom.css" />
	<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
	<script src="js/flot/jquery.flot.min.js"></script>
	<script src="js/flot/jquery.flot.resize.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
	<link rel="icon" type="image/vnd.microsoft.icon" href="media/logo.ico" />
	<link rel="shortcut icon" href="media/logo.ico" />
	
	
</head> 

<body> 

<div data-role="page" id="devices_page">
	
	<!-- header -->
	<div data-role="header" data-id="toolbar" data-position="fixed" data-tap-toggle="false">
		<h1 id="header_devices"></h1>
		<a id="GroupSelectButton" href="javascript:OpenDeviceGroupPopup();" data-icon="search" data-transition="none" class="ui-btn-right">All devices</a>
		
		
		<div data-role="navbar" id="devices_navbar" data-iconpos="top">
		<ul>
			<li><a href="#devices_page" data-icon="devices"  data-transition="none" data-ajax="true">Devices</a></li>
			<li><a href="#activities_page" data-icon="grid"  data-transition="none" data-ajax="true">Activities</a></li>
			<li><a href="#values_page" data-icon="measurements" data-transition="none" data-ajax="true">Values</a></li>
			<li><a href="#alarms_page" data-icon="grid" data-transition="none" data-ajax="true">Alarms</a></li>
		</ul>
		</div>
			
	</div>
	
	
	<!-- /header -->
	
	<div data-role="content">
	<p></p>
		

		<ul id="deviceslist" data-role="listview" data-filter="true" ></ul>
	<p></p>
	</div>
	<!-- /content -->
	
	<div data-role="footer" data-id="toolbar" data-position="fixed" data-tap-toggle="false" >
		<div data-role="navbar" data-iconpos="top">
			<ul>
				<li><a href="logout.php" data-icon="delete"  data-ajax="false">Logout</a></li>
				<li><a href="#info_page" data-icon="info"  data-transition="none" data-ajax="true">Info</a></li>
				<li><a href="admin" data-icon="gear"  data-ajax="false">Setup</a></li>
			</ul>
		</div>
	</div>
	<!-- /footer -->	
	
	<!-- Start of page: #device_popup -->
	<div data-role="popup" id="device_popup" data-overlay-theme="c">
		<a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
		<ul id="devicepopuplist" data-role="listview" data-inset="true" style="max-width:300px"></ul>
	</div>
	<!-- /page device_popup -->	
	
	<!-- Start of page: #device_group_popup -->
	<div data-role="popup" id="device_group_popup" data-overlay-theme="c">
		<a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
		<ul id="devicegrouppopuplist" data-role="listview" data-inset="true" style="max-width:300px"></ul>
	</div>
	<!-- /page device_group_popup -->
	
		
</div>
<!-- /page -->

<div data-role="page" id="activities_page">

	<div data-role="header" data-id="toolbar" data-position="fixed" data-tap-toggle="false" >
		<h1 id="header_activities"></h1>
		<div data-role="navbar" data-iconpos="top">
			<ul>
				<li><a href="#devices_page" data-icon="devices"  data-transition="none" data-ajax="true">Devices</a></li>
				<li><a href="#activities_page" data-icon="grid"  data-transition="none" data-ajax="true">Activities</a></li>
				<li><a href="#values_page" data-icon="measurements" data-transition="none" data-ajax="true">Values</a></li>
				<li><a href="#alarms_page" data-icon="grid" data-transition="none" data-ajax="true">Alarms</a></li>
			</ul>
		</div>
	</div>
	<!-- /header -->

	<div data-role="content">	
	<p></p>	
		<ul id="activities" data-role="listview" data-split-theme="c"></ul>
	<p></p>
	</div>
	<!-- /content -->
	
	<div data-role="footer" data-id="toolbar" data-position="fixed" data-tap-toggle="false" >
		
		<div data-role="navbar" data-iconpos="top">
		<ul>
			<li><a href="logout.php" data-icon="delete"  data-ajax="false">Logout</a></li>
			<li><a href="#info_page" data-icon="info" data-transition="none" data-ajax="true">Info</a></li>
			<li><a href="admin" data-icon="gear"  data-ajax="false">Setup</a></li>
		</ul>
		</div>
	</div>
	<!-- /footer -->	
	
</div>
<!-- /page -->

<div data-role="page" id="values_page">

	<div data-role="header" data-id="toolbar" data-position="fixed" data-tap-toggle="false">
		<h1 id="header_values"></h1>
		<div data-role="navbar" data-iconpos="top">
			<ul>
				<li><a href="#devices_page" data-icon="devices"  data-transition="none" data-ajax="true">Devices</a></li>
				<li><a href="#activities_page" data-icon="grid"  data-transition="none" data-ajax="true">Activities</a></li>
				<li><a href="#values_page" data-icon="measurements" data-transition="none" data-ajax="true">Values</a></li>
				<li><a href="#alarms_page" data-icon="grid" data-transition="none" data-ajax="true">Alarms</a></li>
			</ul>
		</div>
	</div>
	<!-- /header -->

	<div data-role="content">	
		<div id="values"><h4><img src="media/loading.gif"/> Please wait, loading values...</h4></div>
	</div>
	<!-- /content -->

	<div data-role="footer" data-id="toolbar" data-position="fixed" data-tap-toggle="false" >
		<div data-role="navbar" data-iconpos="top">
			<ul>
				<li><a href="logout.php" data-icon="delete"  data-ajax="false">Logout</a></li>
				<li><a href="#info_page" data-icon="info" data-transition="none" data-ajax="true">Info</a></li>
				<li><a href="admin" data-icon="gear"  data-ajax="false">Setup</a></li>
			</ul>
		</div>
	</div>
	<!-- /footer -->	
</div>
<!-- /page -->

<div data-role="page" id="alarms_page">
 
	<!-- header -->
	<div data-role="header" data-id="toolbar" data-position="fixed" data-tap-toggle="false">
		<h1 id="header_alarms"></h1>
		<div data-role="navbar" data-iconpos="top">
		<ul>
			<li><a href="#devices_page" data-icon="devices"  data-transition="none" data-ajax="true">Devices</a></li>
			<li><a href="#activities_page" data-icon="grid"  data-transition="none" data-ajax="true">Activities</a></li>
			<li><a href="#values_page" data-icon="measurements" data-transition="none" data-ajax="true">Values</a></li>
			<li><a href="#alarms_page" data-icon="grid" data-transition="none" data-ajax="true">Alarms</a></li>
		</ul>
		</div>
	</div><!-- /header -->
 
 
	<div data-role="content">	
	<p>
	<ul id="alarms" data-role="listview" data-split-theme="c"></ul>
	</p>
	
	
 
	
	
	
		
	
	</div><!-- /content -->
	
	<div data-role="footer" data-id="toolbar" data-position="fixed" data-tap-toggle="false" >
		<div data-role="navbar" data-iconpos="top">
			<ul>
				<li><a href="logout.php" data-icon="delete"  data-ajax="false">Logout</a></li>
				<li><a href="webapp.html#info_page" data-icon="info"  data-transition="none" data-ajax="true">Info</a></li>
				<li><a href="admin" data-icon="gear"  data-ajax="false">Setup</a></li>
			</ul>
		</div>
	</div><!-- /footer -->
	
	<div data-role="popup" id="alarm_edit_popup" data-overlay-theme="c" style="min-width:250px;" class="ui-corner-all">
			<div data-role="header" class="ui-corner-top">
				<h1></h1>
			</div>
			<div data-role="content" class="ui-corner-bottom ui-content">
		<form id="alarms"> 
	
		<input type="hidden" maxlength="2" name="alarmnr" id="alarmnr" value=""  />
		<label for="state" class="select">On/Off:</label>
		<select name="state" id="state">
		   <option value="On">On</option>
		   <option value="Off">Off</option>
		 </select>
		
		    
        <label for="hour">Hour:</label>
		<input type="text" maxlength="2" name="hour" id="hour" value=""  />
    
            
        <label for="minute">Minute:</label>
		<input type="text" maxlength="2" name="minute" id="minute" value=""  />
		
		<label for="day">Day:</label>
        <select name="day" id="day">
            <option value="*">All days</option>
			<option value="Sun">Sunday</option>
			<option value="Mon">Monday</option>
			<option value="Tue">Tuesday</option>
			<option value="Wed">Wednesday</option>
			<option value="Thu">Thursday</option>
			<option value="Fri">Friday</option>
			<option value="Sat">Saturday</option>
			
            
        </select>
    
                
   
        <br />
		<div class="ui-grid-a">
					<div class="ui-block-a"><a href="#" id="new2" data-role="button" data-inline="true" data-rel="back" >Close</a> </div>
					<div class="ui-block-b"><input type="button" id="save" name="save" value="Save"></div>
				</div>
		
			

	
	</form>
			</div>
	</div>
		
		
	
</div><!-- /main page -->


<div data-role="page" id="info_page">

	<div data-role="header" data-id="toolbar" data-position="fixed" data-tap-toggle="false" >
			<h1 id="header_info"></h1>
			<div data-role="navbar" data-iconpos="top">
				<ul>
					<li><a href="#devices_page" data-icon="devices"  data-transition="none" data-ajax="true">Devices</a></li>
					<li><a href="#activities_page" data-icon="grid"  data-transition="none" data-ajax="true">Activities</a></li>
					<li><a href="#values_page" data-icon="measurements" data-transition="none" data-ajax="true">Values</a></li>
					<li><a href="#alarms_page" data-icon="grid" data-transition="none" data-ajax="true">Alarms</a></li>
				</ul>
			</div>
	</div>
	<!-- /header -->

	<div data-role="content">	
		<div data-role="collapsible" data-collapsed="true" data-inset="false" data-collapsed-icon="plus" data-expanded-icon="minus" data-iconpos="right">
			<h3>Web App details</h3>
			<div id="webappdetails"></div>
		</div>

		<div data-role="collapsible" data-collapsed="true" data-inset="false" data-collapsed-icon="plus" data-expanded-icon="minus" data-iconpos="right">
			<h3>Eventlog</h3>
			<div id="events_div" style="font-family:monospace"></div>
			<br \>
			<a href="webservice/export_csv_events.php" data-role="button" data-inline="true" data-ajax="false">Export all events to csv</a>
		</div>	
		
		<div data-role="collapsible" data-collapsed="true" data-inset="false" data-collapsed-icon="plus" data-expanded-icon="minus" data-iconpos="right">
			<h3>Messages</h3>
			<div id="messages_div" style="font-family:monospace"></div>
			
		</div>
	
	<div data-role="collapsible" class="nodostatus" data-collapsed="true" data-inset="false" data-collapsed-icon="plus" data-expanded-icon="minus" data-iconpos="right">
		<h3>Nodo status</h3>
		<div id="status_div" style="font-family:monospace"></div>
		<a href="javascript:Get_Nodo_Status();" data-role="button" data-ajax="false" data-inline="true" >Refresh Nodo status</a>
	</div>
	
	<div data-role="collapsible" data-collapsed="true" data-inset="false" data-collapsed-icon="plus" data-expanded-icon="minus" data-iconpos="right">
		<h3>Support</h3>
		<a href="http://www.nodo-domotica.nl/forum" data-role="button" target="_blank" data-ajax="false" data-inline="false" >Nodo Forum</a>
		<a href="http://www.nodo-domotica.nl/index.php/Hoofdpagina" data-role="button" target="_blank" data-ajax="false" data-inline="false" >Nodo Wiki</a>
	</div>
	
	<div data-role="collapsible" data-collapsed="true" data-inset="false" data-collapsed-icon="plus" data-expanded-icon="minus" data-iconpos="right">
		<h3>Disclaimer</h3><br \>
		<b>(C) Copyright 2012 by Martin de Graaf & Paul Tonkes, <a href="http://www.nodo-domotica.nl/" target="_blank">www.nodo-domotica.nl</a></b><br \><br \>
		Nodo-Domotica provides the <a href="http://www.nodo-domotica.nl/webapp" target="_blank">http://www.nodo-domotica.nl/webapp</a> Website as a service to the public and Website owners.<br \><br \>
		Nodo-Domotica is not responsible for, and expressly disclaims all liability for, damages of any kind arising out of use, reference to, or reliance on any information contained within the site. While the information contained within the site is periodically updated, no guarantee is given that the information provided in this Web site is correct, complete, and up-to-date.<br \><br \>
		Although the Nodo-Domotica Web site may include links providing direct access to other Internet resources, including Web sites, Nodo-Domotica is not responsible for the accuracy or content of information contained in these sites. Links from Nodo-Domotica to third-party sites do not constitute an endorsement by Nodo-Domotica of the parties or their products and services. The appearance on the Web site of advertisements and product or service information does not constitute an endorsement by Nodo-Domotica, and Nodo-Domotica has not investigated the claims made by any advertiser. Product information is based solely on material received from suppliers.<br \><br \>
		The WebApp and Nodo software are part of the 'Nodo Domotica' platform. The WebApp and all other related components are distributed under the terms of the GNU General Public License.  This program and hosting service comes with ABSOLUTELY NO WARRANTY.<br \><br \>
		You should have received a copy of the GNU General Public License
		along with this program.  If not, see &lt;<a href="http://www.gnu.org/licenses/" target="_blank">http://www.gnu.org/licenses/</a>&gt;<br \><br \>
		
		<a href="http://www.nodo-domotica.nl/webapp/gpl.html" data-role="button" target="_blank" data-ajax="false" data-inline="false" >GNU GENERAL PUBLIC LICENSE</a>
	</div>
	
	</div>
	<!-- /content -->
	
	<div data-role="footer" data-id="toolbar" data-position="fixed" data-tap-toggle="false">
		
		<div data-role="navbar" data-iconpos="top">
			<ul>
				<li><a href="logout.php" data-icon="delete"  data-ajax="false">Logout</a></li>
				<li><a href="#info_page" data-icon="info" data-transition="none" data-ajax="true">Info</a></li>
				<li><a href="admin" data-icon="gear"  data-ajax="false">Setup</a></li>
			</ul>
		</div>
	</div><!-- /footer -->	

<script src="js/check_session.js"></script>
<script src="js/user_settings.js"></script>
<script src="js/get_nodo_status.js"></script>
<script src="js/get_events.js"></script>
<script src="js/get_messages.js"></script>
<script src="js/json_nodo_state.js"></script>
<script src="js/devices.js"></script>
<script src="js/activities.js"></script>
<script src="js/values.js"></script>
<script src="js/alarms.js"></script>
<script src="js/info.js"></script>
<script src="js/send_event.js"></script>
<script src="js/value_state.js"></script>
<script src="js/device_state.js"></script>

</body>
</html>